<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>contactUs</title>
    <!-- 引入重置样式表 reset.css -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入公共样式表 cmmon.css -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入联系我们样式表 contactUs。css -->
    <link rel="stylesheet" href="css/contactUs.css">
</head>
<body>
    <!-- 欢迎栏 -->
    <div id="welcome">
        <div class="container content clearfix">
            <div class="left fl">欢迎来到HOUSE家居网！</div>
            <div class="right fr">
                <div>
                    <img src="images/tel.png" alt="tel">
                    <a href="#">400-00-000xxx</a>
                </div>
                <div>
                    <img src="images/mail.png" alt="tel">
                    <a href="#">1234567xxx@gmail.com</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="nav" class="container clearfix">
        <a href="http://www.shj.cn"><img src="images/logo.png" alt="logo"></a>
        <ul class="clearfix fr">
            <li><a href="index.html">首页</a></li>
            <li><a href="aboutUs.html">关于我们</a></li>
            <li><a href="productList.html">产品展示</a></li>
            <li><a href="newsUpdate.html">新闻动态</a></li>
            <li><a href="onlineMessageLeave.html">在线留言</a></li>
            <li class="active"><a href="contactUs.html">联系我们</a></li>
        </ul>
    </div>

     <!-- bannerShow -->
     <div id="bannerShow">
        <a href="#"><img src="images/banner5.jpg" alt=""></a>
    </div>
    <!-- 面包屑导航 -->
    <div id="breadcrumb">
        <div class="container">
            <a href="index.html">首页</a>
            <span> >> </span>
            <a href="contactUs.html">联系我们</a>
        </div>
    </div>
    <!-- 联系我们 -->
    <div id="select" class="container">
        <!-- 联系我们标题部分 -->
        <div class="title">
            <h1 class="chinese">联系我们</h1>
        </div>
        <!-- 联系我们内容部分 -->
        <div class="content clearfix">
            <!--  联系我们的左边目录列表部分 -->
            <div class="list">
                <a href="#">床上用品</a>
                <a href="#">家居饰品</a>
                <a href="#">居家日用</a> 
                <a href="#">家居收纳</a>
                <a href="#">厨房收纳</a>
                <a href="#">厨房餐饮</a>
                <img src="images/05.jpg" alt="wqpl">
            </div>
            <!-- 联系我们的右边公司简介部分 -->
            <div class="contact right">
               <a href="#"> <img src="images/position.jpg" alt=""></a>
                <div class="information">
                    <div>联系人：陈先生</div>
                    <div>咨询热线：400-000-xxxx   /  (021)-1234578xxx</div>
                    <div>联系邮箱：12385963xxxx@gmail.com</div>
                    <div>公司地址：中国上海市xxx区xxx路12号moumou大厦5层5xx室</div>
                </div>
            </div>
        </div>
    </div>

     <!-- 底部 -->
     <div id="footer">
        <div class="container content">
            <div class="top clearfix">
                <div class="information">
                    <a class="logo" href="#"><img src="images/logo2.jpg" alt="logo"></a>
                    <a href="#">
                        <img class="fixdSize" src="images/position.png" alt="">
                        <span>中国上海市xxx区xxx路12号xx大厦5层5xx室</span>
                    </a>
                    <a href="#">
                        <img class="fixdSize" src="images/tel02.png" alt="">
                        <span>400-000-xxxx (021)-12345678xx</span>
                    </a>
                    <a href="#">
                        <img class="fixdSize" src="images/email02.png" alt="">
                        <span>12345678@gmail.com</span></a>
                </div>
                <div class="linkList">
                    <div class="title">
                        <h1 class="chinese">快速链接</h1>
                    </div>
                    <div class="list clearfix">
                        <ul>
                            <li><a href="index.html">> 网站首页 </a></li>
                            <li><a href="productList.html">> 产品展示 </a></li>
                            <li><a href="onlineMessageLeave.html">> 在线留言 </a></li>
                        </ul>
                        <ul class="right">
                            <li><a href="aboutUs.html"> > 关于我们</a></li>
                            <li><a href="newsUpdate.html"> > 新闻动态</a></li>
                            <li><a href="contactUs.html">> 联系我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="innerSearch">
                    <div class="title">
                        <h1 class="chinese">站内搜索</h1>
                    </div>
                    <form class="search clearfix" action="https://www.jd.com" method="POST">
                        <input type="text" name="search" placeholder="请输入关键字">
                        <button type="submit">搜索</button>
                    </form>
                    <div class="attention">
                        <span>关注我们</span>
                        <a href="#"><img src="images/weibo.png" alt="weibo"></a>
                        <a href="#"><img src="images/weChat.png" alt="weChat"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom">Copyright ? 2009-2011,www.xxxxxx.com,All rights reserved 沪ICP备XXXXXX号 未经同意，不得转载</div>
    </div>

</body>
</html>